@import './base.css';
html,
body {
  margin: 0;
  padding: 0;
  height: 100%;

  font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 13px;
}



.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px solid;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}



.el-container {
  height: 100%;
}

.dropdown-caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin: 0 3px;
  border-style: solid;
  border-width: 6px 4px 0 4px;
  border-left-color: transparent;
  border-right-color: transparent;
  border-bottom-color: transparent;
  vertical-align: baseline;
}

.tb-cell .cell{
  word-break: keep-all !important;
  white-space: nowrap !important;
  
}
.tb-header-cell .cell{
  word-break: keep-all !important;
  white-space: nowrap !important;
  
}

.page-view-main {
  background-color: var(--main-bg-color);
  display: flex;
  flex-direction: column;
  height: 100%;
}

.page-view-panel {
  background-color: #fff;
  height: 100%;
  border-bottom: 1px solid rgba(0, 0, 0, 0.17);
  box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
  padding: 15px;
  flex: 1;
  min-height: 0px;
  display: flex;
  flex-direction: column;
}

.el-table .warning-row {
  --el-table-tr-bg-color: var(--el-color-warning-light-9);
}
.el-table .success-row {
  --el-table-tr-bg-color: var(--el-color-success-light-9);
}
.el-table .disable-row {
  opacity: 0.6;
  --el-table-tr-bg-color: var(--el-color-info-light-9);
}
.table-pic{
  max-width: 100px;
  max-height: 100px;
}